<template>
  <el-collapse>
    <el-collapse-item name="location" title="location">
      <div class="map-container">
        <Map :devices="devices"></Map>
      </div>
    </el-collapse-item>
  </el-collapse>
</template>

<script>
import Map from '@/components/Map'

export default {
  name: 'LocationSpec',

  components: {
    Map
  },

  data() {
    return {
      devices: [
        {
          'id': 'test',
          'name': '测试-水表1',
          'regTime': '2020-04-10 10:09:20',
          'location': {
            'lat': 32.7574636300,
            'lng': 120.1770193900
          }
        }
      ]
    }
  }
}
</script>

<style lang="scss">
.map-container {
  width: 100%;
  height: 40vh;
}
</style>